<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Ambon GIS</title>

    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- Force IE9 to render in normla mode -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <!-- Le styles -->
    <link href="<?php echo $this->config->item('css_path');?>bootstrap/bootstrap.css" rel="stylesheet" />
    <link href="<?php echo $this->config->item('css_path');?>supr-theme/jquery.ui.supr.css" rel="stylesheet" type="text/css"/>
    <link href="<?php echo $this->config->item('css_path');?>icons.css" rel="stylesheet" type="text/css" />
    <link href="<?php echo $this->config->item('plugin_path');?>forms/uniform/uniform.default.css" type="text/css" rel="stylesheet" />

    <!-- Main stylesheets -->
    <link href="<?php echo $this->config->item('css_path');?>main.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="<?php echo $this->config->item('js_path');?>libs/modernizr.js"></script>

    </head>

    <body class="loginPage">

    <div class="container">

        <div id="header">

            <div class="row">

                <div class="navbar">
                    <div class="container">
                        <a class="navbar-brand" href="<?php echo site_url(); ?>"><span class="slogan" style="font-size:16pt;">Ambon GIS</span></a>
                    </div>
                </div><!-- /navbar -->

            </div><!-- End .row -->

        </div><!-- End #header -->

    </div><!-- End .container -->

    <div class="container">

        <div class="loginContainer">
            <form class="form-horizontal" method="post" action="<?php echo site_url("login")?>" id="loginForm" role="form" >
                <div class="form-group">
                    <label class="col-lg-12 control-label" for="username">Nama Pengguna:</label>
                    <div class="col-lg-12">
                        <input id="username" type="text" name="username" class="form-control" value="" placeholder="Masukkan nama pengguna anda...">
                        <span class="icon16 icomoon-icon-user right gray marginR10"></span>
                    </div>
					<font color="red"><?php echo form_error("username"); ?></font>
                </div><!-- End .form-group  -->
                <div class="form-group">
                    <label class="col-lg-12 control-label" for="password">Kata Kunci:</label>
                    <div class="col-lg-12">
                        <input id="password" type="password" name="password" value="" class="form-control" placeholder="Masukkan kata kunci anda ...">
                        <span class="icon16 icomoon-icon-lock right gray marginR10"></span>
                        <!--<span class="forgot help-block"><a href="#">Forgot your password?</a></span>-->
                    </div>
					<font color="red"><?php echo form_error("password"); ?></font>
                </div><!-- End .form-group  -->                
                <div class="form-group">
                    <div class="col-lg-12 clearfix form-actions">
                        <button type="submit" class="btn btn-info right" id="loginBtn"><span class="icon16 icomoon-icon-enter white"></span> Login </button>
                    </div>
                </div><!-- End .form-group  -->
            </form>
        </div>

    </div><!-- End .container -->

    <!-- Le javascript
    ================================================== -->
    <script type="text/javascript" src="<?php echo $this->config->item('js_path');?>jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo $this->config->item('js_path');?>bootstrap/bootstrap.js"></script>
    <script type="text/javascript" src="<?php echo $this->config->item('plugin_path');?>forms/validate/jquery.validate.min.js"></script>
    <script type="text/javascript" src="<?php echo $this->config->item('plugin_path');?>forms/uniform/jquery.uniform.min.js"></script>

    <script language="javascript">
        function kuesioner(){
            document.location="<?php echo site_url("kuesioner"); ?>";
        }
    </script>

     <script type="text/javascript">
        // document ready function
        $(document).ready(function() {
            //------------- Options for Supr - admin tempalte -------------//
            var supr_Options = {
                rtl:false//activate rtl version with true
            }
            //rtl version
            if(supr_Options.rtl) {
                localStorage.setItem('rtl', 1);
                $('#bootstrap').attr('href', 'css/bootstrap/bootstrap.rtl.min.css');
                $('#bootstrap-responsive').attr('href', 'css/bootstrap/bootstrap-responsive.rtl.min.css');
                $('body').addClass('rtl');
                $('#sidebar').attr('id', 'sidebar-right');
                $('#sidebarbg').attr('id', 'sidebarbg-right');
                $('.collapseBtn').addClass('rightbar').removeClass('leftbar');
                $('#content').attr('id', 'content-one')
            } else {localStorage.setItem('rtl', 0);}

            $("input, textarea, select").not('.nostyle').uniform();
            $("#loginForm").validate({
                rules: {
                    username: {
                        required: true
                    },
                    password: {
                        required: true
                    }
                },
                messages: {
                    username: {
                        required: "Field Nama Pengguna Wajib Diisi"
                    },
                    password: {
                        required: "Field Kata Kunci Wajib Diisi"
                    }
                }
            });
        });
    </script>
    </body>
</html>
